// 用于在 Vue.js 项目中发起 HTTP 请求
import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import { getToken } from '@/utils/auth'

// 创建一个新的 Axios 实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

// 设置请求拦截器
service.interceptors.request.use(
    config => {

      if (store.getters.token) {
        config.headers['X-Token'] = getToken()
      }
      return config
    },
    error => {
      console.log(error)
      return Promise.reject(error)
    }
)

// 响应拦截器
service.interceptors.response.use(

    response => {
      const res = response.data

      if (res.code !== 200) {
        Message({
          message: res.message || 'Error',
          type: 'error',
          duration: 5 * 1000
        })

        return Promise.reject(new Error(res.message || 'Error'))
      } else {
        return res
      }
    },
    error => {
      console.log('err' + error)
      Message({
        message: error.message,
        type: 'error',
        duration: 5 * 1000
      })
      return Promise.reject(error)
    }
)

export default service
